<template>
  <div class="container-box">
    <!--头部图片及搜索框-->
    <div class="topWrap">
      <div style="width: 100%; height: 112px; background: #39a2b1">
        <div class="topDiv">
          <div class="top fl">
            <a href="index.htm"
              ><img src="https://www.jit.edu.cn/images/logo.png"
            /></a>
          </div>

          <div class="top fr">
            <div class="Search">
              <form action="" method="post" @submit="post">
                <input type="hidden" />
                <input type="hidden" value="1" />
                <input type="hidden" value="0" />
                <input
                  type="text"
                  value="请输入关键字搜索"
                  v-model="inputs"
                  class="search_text"
                  onfocus="if(value=='请输入关键字搜索')value=''"
                  onblur="if(!value)value='请输入关键字搜索'"
                />
                <div class="fdj fr">
                  <input
                    type="submit"
                    class="button"
                    value
                    style="cursor: hand"
                  />
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--头部图片及搜索框-->

    <!--导航栏-->
    <div class="navWrap" style="width: 974px">
      <div class="nav">
        <nav>
          <ul class="level">
            <li v-for="items in navbarList" :key="items.name">
              <a class="" href="items.url"> {{ items.name }}</a>
              <ul class="two">
                <li v-for="item in items.children" :key="item.url">
                  <a href="item.url">{{ item.name }}</a>
                </li>
              </ul>
            </li>
          </ul>

          <!-- <ul class="level">
            <li>
              <a class="" href="index.htm">网站首页</a>
            </li>
            <li>
              <a class="" href="xygk/xyjj.htm">学院概况</a>
              <ul class="two">
                <li>
                  <a href="xygk/xyjj.htm">学院简介</a>
                </li>
                <li>
                  <a href="xygk/xyld.htm">学院领导</a>
                </li>
                <li>
                  <a href="xygk/zzjg.htm">组织机构</a>
                </li>
              </ul>
            </li>
            <li>
              <a class="" href="bksjy/jsjkxyjszy.htm">本科生教育</a>

              <ul class="two">
                <li>
                  <a href="bksjy/jsjkxyjszy.htm">计算机科学与技术专业</a>
                </li>
                <li>
                  <a href="bksjy/rjgczy.htm">软件工程专业</a>
                </li>
                <li>
                  <a href="bksjy/wlgczy.htm">网络工程专业</a>
                </li>
                <li>
                  <a href="bksjy/wlwgczy.htm">物联网工程专业</a>
                </li>
                <li>
                  <a href="bksjy/xxglyxxxtzy.htm">信息管理与信息系统专业</a>
                </li>
                <li>
                  <a href="bksjy/wlkjaqzy.htm">网络空间安全专业</a>
                </li>
                <li>
                  <a href="bksjy/sjkxydsjjszy.htm">数据科学与大数据技术专业</a>
                </li>
                <li>
                  <a href="bksjy/dwrchzpyxm.htm">对外人才合作培养项目</a>
                </li>
                <li>
                  <a href="bksjy/ksxx.htm">考试信息</a>
                </li>
                <li>
                  <a href="bksjy/xkzxxx.htm">选课重修信息</a>
                </li>
                <li>
                  <a href="bksjy/tzgg.htm">通知公告</a>
                </li>
                <li>
                  <a href="bksjy/zlxz.htm">资料下载</a>
                </li>
                <li>
                  <a href="bksjy/gxkjssp.htm">公选课教师视频</a>
                </li>
              </ul>
            </li>
            <li class="">
              <a class="" href="yjsjy/zsjz.htm">研究生教育</a>

              <ul class="two">
                <li>
                  <a href="yjsjy/zsjz.htm">招生简章</a>
                </li>
                <li>
                  <a href="yjsjy/jsjkxyjsyjxk.htm">计算机科学与技术一级学科</a>
                </li>
                <li>
                  <a href="yjsjy/rjgcyjxk.htm">软件工程一级学科</a>
                </li>
                <li>
                  <a href="yjsjy/wlkjaqyjxk.htm">网络空间安全一级学科</a>
                </li>
                <li>
                  <a href="yjsjy/yjsds.htm">研究生导师</a>
                </li>
                <li>
                  <a href="yjsjy/yjsjztx.htm">研究生奖助体系</a>
                </li>
                <li>
                  <a href="yjsjy/tzgg.htm">通知公告</a>
                </li>
                <li>
                  <a href="yjsjy/zlxz.htm">资料下载</a>
                </li>
              </ul>
            </li>
            <li class="">
              <a class="" href="szdw/js.htm">师资队伍</a>

              <ul class="two">
                <li>
                  <a href="szdw/js.htm">教授</a>
                </li>
                <li>
                  <a href="szdw/fjs.htm">副教授</a>
                </li>
                <li>
                  <a href="szdw/js1.htm">讲师</a>
                </li>
                <li>
                  <a href="szdw/syry.htm">实验人员</a>
                </li>
              </ul>
            </li>
            <li class="">
              <a class="" href="kxyj/kytd.htm">科学研究</a>

              <ul class="two">
                <li>
                  <a href="kxyj/kytd.htm">科研团队</a>
                </li>
                <li>
                  <a href="kxyj/kypt.htm">科研平台</a>
                </li>
                <li>
                  <a href="kxyj/kycg.htm">科研成果</a>
                </li>
              </ul>
            </li>
            <li class="">
              <a class="" href="xsgz/gzdt.htm">学生工作</a>

              <ul class="two">
                <li>
                  <a href="xsgz/gzdt.htm">工作动态</a>
                </li>
                <li>
                  <a href="xsgz/tzgg.htm">通知公告</a>
                </li>
                <li>
                  <a href="xsgz/kwcxsj.htm">课外创新实践</a>
                </li>
                <li>
                  <a href="xsgz/bysjy.htm">毕业生就业</a>
                </li>
                <li>
                  <a href="xsgz/xlzc.htm">心灵之窗</a>
                </li>
                <li>
                  <a href="xsgz/qcfc.htm">青春风采</a>
                </li>
                <li>
                  <a href="xsgz/zlxz.htm">资料下载</a>
                </li>
              </ul>
            </li>
            <li>
              <a class="" href="info/1189/4517.htm">招生工作</a>

              <ul class="two">
                <li>
                  <a href="zsgz/xyjs.htm">学院介绍</a>
                </li>
                <li>
                  <a href="zsgz/bysjyqx.htm">毕业生就业去向</a>
                </li>
                <li>
                  <a href="zsgz/yxbysjj.htm">优秀毕业生简介</a>
                </li>
                <li>
                  <a href="zsgz/xshj.htm">学生获奖</a>
                </li>
                <li>
                  <a href="zsgz/jyxyjs.htm">精英校友介绍</a>
                </li>
                <li>
                  <a href="zsgz/zsgzxcbd.htm">招生工作宣传报道</a>
                </li>
              </ul>
            </li>
            <li>
              <a class="" href="info/1183/2625.htm">实验中心</a>

              <ul class="two">
                <li>
                  <a href="syzx/zxjj.htm">中心简介</a>
                </li>
                <li>
                  <a href="syzx/syfs.htm">实验分室</a>
                </li>
                <li>
                  <a href="syzx/gzzd.htm">规章制度</a>
                </li>
                <li>
                  <a href="syzx/zlxz.htm">资料下载</a>
                </li>
                <li>
                  <a href="http://syskf.swpu.edu.cn">开放预约</a>
                </li>
              </ul>
            </li>
            <li>
              <a class="" href="djzc/djdt.htm">党建之窗</a>
              <ul class="two">
                <li>
                  <a href="djzc/djdt.htm">党建动态</a>
                </li>
                <li>
                  <a href="djzc/xxyd.htm">学习园地</a>
                </li>
                <li>
                  <a href="djzc/dwzwgk.htm">党务政务公开</a>
                </li>
                <li>
                  <a href="djzc/zlxz.htm">资料下载</a>
                </li>
              </ul>
            </li>
          </ul> -->
        </nav>
      </div>
    </div>
    <!--导航栏-->

    <!--滚动显示图片-->
    <div style="margin-top: 12px">
      <div class="bannerWrap">
        <div class="banner_one">
          <div class="slideBox">
            <span class=""></span>
            <el-carousel height="150px">
              <el-carousel-item v-for="item in 4" :key="item">
                <h3 class="small">{{ item }}</h3>
              </el-carousel-item>
            </el-carousel>
          </div>
        </div>
      </div>
    </div>
    <!--滚动显示图片-->

    <!--主体部分-->
    <div class="vsb-box">
      <!--第一部分-->
      <div class="container">
        <div class="new_inforBox new_inforBox2 fl">
          <div class="dynamic">
            <h2>图片新闻</h2>
            <span>
              <a href="#" class="fr">
                <img src="img/more.png" />
              </a>
            </span>
          </div>

          <div class="newsBox">
            <div class="new_pic">
              <table
                cellspacing="0"
                cellpadding="0"
                border="0"
                style="padding: 0px; margin: 0px; border: 0px"
              >
                <tr>
                  <td>
                    <div style="height: 174px; width: 310px; overflow: hidden">
                      <img src="img/picnew1.jpg" height="174px" width="310px" />
                    </div>
                  </td>
                </tr>
                <tr>
                  <td height="25">
                    <div
                      align="center"
                      style="overflow: hidden;text-overflow: ellipsis;height: 25px;width=310px;"
                    >
                      <a
                        target="_blank"
                        href="http://www.swpu.edu.cn/scs/info/1045/4427.htm"
                        style="
                          line-height: 220%;
                          color: #222222;
                          font-size: 9pt;
                          font-weight: bold;
                          text-decoration: none;
                        "
                      >
                        计科院组织学生参加2018天府国际网络安全高峰论坛
                      </a>
                    </div>
                  </td>
                </tr>
              </table>
            </div>

            <div class="new_list new_list3">
              <ul class="dynamic_list fr">
                <li v-for="item in picNewsList" :key="item.title">
                  <a href="item.url" title="item.title">
                    <span>{{ item.day }}</span>
                    <em>{{ item.title }}</em>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>

        <div class="informBox informBox3 fl">
          <div class="dynamic">
            <h2>学术交流</h2>
            <span>
              <a href="#" class="fr">
                <img src="img/more.png" />
              </a>
            </span>
          </div>

          <div class="info-list" style="padding-top: 10px">
            <ul class="dynamic_list dynamic_list1">
              <li v-for="item in academicList" :key="item.title">
                <a href="item.url" title="item.title">{{ item.title }}</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!--第一部分-->

      <!--第二部分-->
      <div class="container">
        <div class="new_inforBox new_inforBoxa new_inforBoxa1 fl">
          <div class="dynamic">
            <h2>新闻速递</h2>
            <span>
              <a href="#">
                <img src="img/more.png" />
              </a>
            </span>
          </div>
          <div class="newBox newBoxe">
            <div class="new_listd new_list">
              <h3>
                <a href="#">计算机科学学院举办2019年寒假留校学生新春团拜会</a>
              </h3>
              <p>
                ​
                在中华民族传统节日——春节即将到来之际，为让学院留校学生感受家的温暖，向他们
                传达学院的慰问和祝福。
                2019年2月1日上午9时30分，计算机科学学院在明理楼B306
                会议室隆重举行2019年寒假留… [
                <span><a href="#">详细信息</a></span>
                ]
              </p>
              <ul class="dynamic_list dynamic_listh">
                <li v-for="item in fastNewslist" :key="item.title">
                  <a href="item.url">
                    <em>{{ item.title }}</em>
                    <span>{{ item.day }}</span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>

        <div class="informBox informBox3 fl">
          <div class="dynamic">
            <h2>党建动态</h2>
            <span>
              <a href="#">
                <img src="img/more.png" />
              </a>
            </span>
          </div>
          <div class="info-list">
            <ul class="dynamic_list dynamic_list1" style="padding-top: 10px">
              <li v-for="item in dangjianList" :key="item.title">
                <a href="item.url" title="item.title">
                  {{ item.title }}
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!--第二部分-->

      <!--第三部分-->
      <div class="container">
        <div class="new_inforBox new_inforBoxa new_inforBoxa1 fl">
          <div class="dynamic">
            <h2>通知公告</h2>
            <span>
              <a href="#">
                <img src="img/more.png" />
              </a>
            </span>
          </div>
          <div class="info-list">
            <ul class="dynamic_list dynamic_list1">
              <li v-for="item in noticeList" :key="item.text">
                <a href="item.url">{{ item.text }}</a>
              </li>
            </ul>
          </div>
        </div>

        <div class="informBox informBox3 fl">
          <div class="dynamic">
            <h2>专题列表</h2>
            <span>
              <a href="#">
                <img src="img/more.png" />
              </a>
            </span>
          </div>
          <div class="info-list">
            <ul class="dynamic_list dynamic_list1">
              <li v-for="item in specialList" :key="item.title">
                <a href="item.url" title="item.title">{{ item.title }}</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "test",

  data() {
    return {
      navbarList: [
        { name: "网站首页", url: "index.htm" },
        {
          name: "学院概况",
          url: "xygk/xyjj.htm",
          children: [
            { name: "学院简介", url: "xygk/xyjj.htm" },
            { name: "学院领导", url: "xygk/xyld.htm" },
            { name: "组织机构", url: "xygk/zzjg.htm" },
          ],
        },
        {
          name: "本科生教育",
          url: "bksjy/jsjkxyjszy.htm",
          children: [
            { name: "计算机科学与技术专业", url: "bksjy/jsjkxyjszy.htm" },
            { name: "软件工程专业", url: "bksjy/rjgczy.htm" },
            { name: "网络工程专业", url: "bksjy/wlgczy.htm" },
            { name: "物联网工程专业", url: "bksjy/wlwgczy.htm" },
            { name: "信息管理与信息系统专业", url: "bksjy/xxglyxxxtzy.htm" },
            { name: "网络空间安全专业", url: "bksjy/wlkjaqzy.htm" },
            { name: "数据科学与大数据技术专业", url: "bksjy/sjkxydsjjszy.htm" },
            { name: "对外人才合作培养项目", url: "bksjy/dwrchzpyxm.htm" },
            { name: "考试信息", url: "bksjy/ksxx.htm" },
            { name: "选课重修信息", url: "bksjy/xkzxxx.htm" },
            { name: "通知公告", url: "bksjy/tzgg.htm" },
            { name: "资料下载", url: "bksjy/zlxz.htm" },
            { name: "公选课教师视频", url: "bksjy/gxkjssp.htm" },
          ],
        },
        {
          name: "研究生教育",
          url: "yjsjy/zsjz.htm",
          children: [
            { name: "招生简章", url: "yjsjy/zsjz.htm" },
            { name: "计算机科学与技术一级学科", url: "yjsjy/jsjkxyjsyjxk.htm" },
            { name: "软件工程一级学科", url: "yjsjy/rjgcyjxk.htm" },
            { name: "网络空间安全一级学科", url: "yjsjy/wlkjaqyjxk.htm" },
            { name: "研究生导师", url: "yjsjy/yjsds.htm" },
            { name: "研究生奖助体系", url: "yjsjy/yjsjztx.htm" },
            { name: "通知公告", url: "通知公告" },
            { name: "资料下载", url: "yjsjy/zlxz.htm" },
          ],
        },
        {
          name: "师资队伍",
          url: "szdw/js.htm",
          children: [
            { name: "教授", url: "szdw/js.htm" },
            { name: "副教授", url: "szdw/fjs.htm" },
            { name: "讲师", url: "szdw/js1.htm" },
            { name: "实验人员", url: "szdw/syry.htm" },
          ],
        },
        {
          name: "科学研究",
          url: "kxyj/kytd.htm",
          children: [
            { name: "科研团队", url: "kxyj/kytd.htm" },
            { name: "科研平台", url: "kxyj/kypt.htm" },
            { name: "科研成果", url: "kxyj/kycg.htm" },
          ],
        },
        {
          name: "学生工作",
          url: "xsgz/gzdt.htm",
          children: [
            { name: "工作动态", url: "xsgz/gzdt.htm" },
            { name: "通知公告", url: "xsgz/tzgg.htm" },
            { name: "课外创新实践", url: "xsgz/kwcxsj.htm" },
            { name: "毕业生就业", url: "xsgz/bysjy.htm" },
            { name: "心灵之窗", url: "xsgz/xlzc.htm" },
            { name: "青春风采", url: "xsgz/qcfc.htm" },
            { name: "资料下载", url: "xsgz/zlxz.htm" },
          ],
        },
        {
          name: "招生工作",
          url: "info/1189/4517.htm",
          children: [
            { name: "学院介绍", url: "zsgz/xyjs.htm" },
            { name: "毕业生就业去向", url: "zsgz/bysjyqx.htm" },
            { name: "优秀毕业生简介", url: "zsgz/yxbysjj.htm" },
            { name: "学生获奖", url: "zsgz/xshj.htm" },
            { name: "精英校友介绍", url: "zsgz/jyxyjs.htm" },
            { name: "招生工作宣传报道", url: "zsgz/zsgzxcbd.htm" },
          ],
        },
        {
          name: "实验中心",
          url: "info/1183/2625.htm",
          children: [
            { name: "中心简介", url: "syzx/zxjj.htm" },
            { name: "实验分室", url: "syzx/syfs.htm" },
            { name: "规章制度", url: "syzx/gzzd.htm" },
            { name: "资料下载", url: "syzx/zlxz.htm" },
            { name: "开放预约", url: "http://syskf.swpu.edu.cn" },
          ],
        },
        {
          name: "党建之窗",
          url: "djzc/djdt.htm",
          children: [
            { name: "党建动态", url: "djzc/djdt.htm" },
            { name: "学习园地", url: "djzc/xxyd.htm" },
            { name: "党务政务公开", url: "djzc/dwzwgk.htm" },
            { name: "资料下载", url: "djzc/zlxz.htm" },
          ],
        },
      ],
      inputs: "",
      picNewsList: [
        {
          title: "计算机科学学院举办2019年寒假留校学生新春团拜会",
          url: "#",
          day: "[02-01]",
        },
        {
          title: "学院召开教职工大会学习传达中层干部大会精神 部署学院学期工作",
          url: "#",
          day: "[03-15]",
        },
        {
          title: "计科院工会组织学院女教职工庆祝第109个“三八妇女节”",
          url: "#",
          day: "[03-12]",
        },
        {
          title: "学术讲座——人工智能改变我们的未来生活",
          url: "#",
          day: "[03-05]",
        },
        {
          title: "计算机科学学院各年级辅导员集中走访学生寝室",
          url: "#",
          day: "[01-21]",
        },
        {
          title: "学院召开2018年度领导班子民主生活会",
          url: "#",
          day: "[01-14]",
        },
      ],
      academicList: [
        { title: "人工智能改变我们的未来生活", url: "info/1076/4624.htm" },
        { title: "计算时代的虚假信息传播", url: "info/1076/4537.htm" },
        { title: "人工智能+：视界充满AI", url: "info/1076/4483.htm" },
        { title: "零行列式策略及其网络演化动力学", url: "info/1076/4397.htm" },
        { title: "视频遇上云服务", url: "info/1076/4388.htm" },
        {
          title: "计科院关于举行2018年校庆论文报告会的通知",
          url: "info/1076/4380.htm",
        },
        { title: "人工智能改变我们的未来生活", url: "info/1076/4624.htm" },
      ],
      fastNewslist: [
        {
          title: "学院召开党委中心组学习会暨党风廉政建设专题会",
          url: "#",
          day: "03/18",
        },
        {
          title: "学院召开教职工大会学习传达中层干部大会精神部署学院学期工作",
          url: "#",
          day: "03/15",
        },
        {
          title: "计科院工会组织学院女教职工庆祝第109个“三八妇女节”",
          url: "#",
          day: "03/12",
        },
        {
          title: "学术讲座——人工智能改变我们的未来生活",
          url: "#",
          day: "03/05",
        },
        {
          title: "计算机科学学院各年级辅导员集中走访学生寝室",
          url: "#",
          day: "01/21",
        },
        { title: "学院召开2018年度领导班子民主生活会", url: "#", day: "01/14" },
        { title: "", url: "#", day: "" },
      ],
      dangjianList: [
        { title: "学院召开党委中心组学习会暨党风廉政建设专题会", url: "#" },
        {
          title: "学院召开教职工大会学习传达中层干部大会精神 部署学院学期工作",
          url: "#",
        },
        { title: "学院召开2018年领导班子民主生活会", url: "#" },
        { title: "刘翔同志任计算机科学学院党委副书记、纪委书记", url: "#" },
        { title: "学院党委组织师生收看庆祝改革开放40周年大会", url: "#" },
        {
          title:
            "【审核评估】学院召开本科教学工作审核评估办学定位与目标宣讲大会",
          url: "#",
        },
        { title: "【聚焦评估】学院召开本科教学工作审核评估工作会", url: "#" },
        { title: "学院党委开展迎校庆主题党日活动", url: "#" },
      ],
      noticeList: [
        { text: "自组团出访前公示信息表（彭博）", url: "#" },
        {
          text: "计算机科学学院2019年春季学期开学教学准备及检查工作实施方案",
          url: "#",
        },
        {
          text: "西南石油大学计算机科学学院关于举行学院2019年春季田径运动会的通知",
          url: "#",
        },
        { text: "2018年秋季学期期末考试情况总结", url: "#" },
        { text: "计算机科学学院2018年度教职工考核优秀名单公示", url: "#" },
        { text: "国际学术会议（ICCIS2019）征稿通知", url: "#" },
        { text: "计算机科学学院领导班子2018年度民主生活会征求意见", url: "#" },
        {
          text: "关于表彰计算机科学学院2018-2019学年秋季学期“最美寝室”的通知",
          url: "#",
        },
      ],
      specialList: [
        { title: "“高性能和大数据”中美高校联合实验室", url: "#" },
        { title: "石油工程计算机模拟技术重点实验室", url: "#" },
        { title: "思科网络技术学院教师培训中心", url: "#" },
      ],
    };
  },
  mounted() {},
  methods: {
    post() {
      console.log(this.inputs);
    },
  },
};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div {
  display: block;
}

input {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
}

em {
  font-style: normal;
}

a {
  outline: none;
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

nav .level > li {
  float: left;
  /*width: 16.66%;*/
  text-align: center;
  background: #0b6cb8;
  /*padding: 10px 0;*/
  transition: 0.4s;
  font-size: 15.5px;
  /* color:white;*/
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}

nav .level > li a {
  color: white;
}

nav .level > li:hover {
  background: navy;
}
/* 设置鼠标滑过后的样式 */

nav .two {
  position: absolute;
  display: none;
  /*margin-top: 10px;*/
}
/* 先使二级菜单的内容隐藏 */

nav .level > li:hover .two {
  display: block;
}
/* 鼠标滑过一级菜单后的显示二级菜单 */

nav .two li {
  background: #0b6cb8;
  padding: 5px 10px;
  transition: 0.4s;
  cursor: pointer;
}

nav .two li:hover {
  background: navy;
}

.container-box {
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  overflow: auto;
}
.topWrap {
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  height: auto;
  .topDiv {
    width: 976px;
    margin: 0 auto;
    height: 112px;
  }
}

.navWrap {
  width: 100%;
  background: #0b6cb8;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  position: relative;
  z-index: 9999;
  .nav {
    width: 976px;
    height: 50px;
    margin: 0 auto;
  }
}

.clear {
  clear: both;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.fdj {
  float: right;
  height: 18px;
  margin-top: 6px;
  margin-left: 10px;
}

.top {
  width: 420px;
  height: 76px;
  padding-top: 15px;
  color: #999999;
}

.Search {
  width: 287px;
  height: 38px;
  // background: url(img/top_hunt_bg.png) no-repeat;
  margin-top: 15px;
  float: right;
}

.search_text {
  float: left;
  width: 195px;
  margin-top: 2px;
  height: 30px;
  line-height: 30px;
  font-family: 微软雅黑;
  color: rgb(200, 200, 200);
  margin-left: 15px;
  outline: none;
}

.button {
  // background: url(img/top_hunt.png) no-repeat;
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-right: 10px;
  outline: none;
}

.bannerWrap {
  width: 100%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  .banner_one {
    width: 974px;
    height: 194.8px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
    .slideBox {
      // background: url(img/welcome.jpg) no-repeat;
      width: 974px;
      height: 194.8px;
      overflow: hidden;
      position: relative;
    }
  }
}

.container {
  width: 996px;
  margin: 0 auto;
  height: auto;
}

.new_inforBox2 {
  width: 644px;
}

.new_inforBox {
  width: 644px;
  height: auto;
  padding: 0 10px;
  margin-top: 20px;
}

.dynamic {
  height: 35px;
  line-height: 34px;
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  background: #ddd;
}

.dynamic h2 {
  font-size: 16px;
  color: #464646;
  font-weight: normal;
  float: left;
  padding: 0 5px;
  background: #2780cb;
  color: #fff;
}

.dynamic span a {
  width: 38px;
  height: 25px;
  display: block;
  float: right;
}

.newsBox {
  margin: 12px auto 0;
  height: auto;
  overflow: hidden;
}

.new_pic {
  float: left;
  width: 310px;
}

.new_list3 {
  width: 314px;
  padding: 0 0 0 20px;
}

.new_list {
  width: 312px;
  float: left;
  padding: 0 10px;
}

.new_listd {
  width: 100%;
  padding: 0;
}

.dynamic_listh {
  width: 100%;
}

.dynamic_list {
  width: 100%;
}

.dynamic_list li a em {
  display: block;
  float: left;
  width: 250px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dynamic_listh li a em,
.dynamic_listc1 li a em {
  width: 586px;
}

.dynamic_list li {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #5c5c5c;
  width: 100%;
  // background: url(img/xdd.png) no-repeat 0px 14px;
  text-indent: 12px;
}

.dynamic_list li a {
  color: #5c5c5c;
  display: block;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dynamic_list li span {
  float: right;
  margin-right: 0;
  color: #c3c3c3;
}

.informBox {
  width: 180px;
  height: auto;
  padding: 0 10px;
  margin-top: 20px;
}

.informBox3 {
  width: 312px;
}

.new_inforBox1,
.informBox2,
.new_picc2,
.new_picc3,
.new_inforBoxa1 {
  width: 644px;
}

.new_inforBox {
  width: 644px;
  height: auto;
  padding: 0 10px;
  margin-top: 20px;
}

.newBoxe {
  width: 100%;
}

.newBox {
  margin: 12px auto 0;
  height: auto;
  overflow: hidden;
}

.new_listd h3 {
  font-size: 18px;
}

.new_list h3 {
  font-size: 16px;
  color: #0b6cb8;
  text-indent: 12px;
}

.new_list p {
  margin-top: 4px;
  font-size: 12px;
  color: #999999;
  text-indent: 2em;
  line-height: 22px;
  padding-bottom: 4px;
  border-bottom: 1px dashed #eeeeee;
}

.footWrap {
  width: 100%;
  margin: 30px auto 0;
  position: relative;
  z-index: 0;
}

.footDiv_one {
  width: 100%;
  margin: 0px auto 0;
  height: 60px;
  line-height: 60px;
  color: #ffffff;
  font-size: 13px;
  overflow: hidden;
  background: #224b77;
  text-align: center;
}
</style>
